<template>
  <div class="error-page">
    <h1>{{ error.statusCode }}</h1>
    <p v-if="error.statusCode === 404">{{ $t('error.404.title') }}</p>
    <p v-else>
      {{ $t('error.generic.title') }}
    </p>
    <nuxt-link :to="localePath('/')">
      <v-btn>
        {{ $t('error.back_home') }}
      </v-btn>
    </nuxt-link>
  </div>
</template>

<script>
export default {
  // eslint-disable-next-line
  props: ['error']
};
</script>

<style scoped>
.error-page {
  text-align: center;
  padding: 2rem;
}
</style>
